<template>
	<view class="content">
		<view class="advices">
			<view class="advices-title">MUSE Platform Declaration:</view>
			<view class="advices-text">
				Under this platform all users discussions &
				communications between each other must be legal anc follow the rules &requlations.Any illegal case will be against by MUSE platform.
			</view>
		</view>
		<view class="list-msg">
			<view class="list-msg-22"><image src="" mode=""></image></view>
			<view class="list-msg-rr">
				<view class="list-msg-rr-tt">
					<text>Alice</text>
					<text>11-27 20:52</text>
				</view>
				<view class="list-msg-rr-bb">
					<text>What are you doing?</text>
					<text>1</text>
				</view>
			</view>
		</view>
		<view class="list-msg">
			<view class="list-msg-22"><image src="" mode=""></image></view>
			<view class="list-msg-rr">
				<view class="list-msg-rr-tt">
					<text>Alice</text>
					<text>11-27 20:52</text>
				</view>
				<view class="list-msg-rr-bb">
					<text>What are you doing?</text>
					<text>1</text>
				</view>
			</view>
		</view>
		<view class="list-msg">
			<view class="list-msg-22"><image src="" mode=""></image></view>
			<view class="list-msg-rr">
				<view class="list-msg-rr-tt">
					<text>Alice</text>
					<text>11-27 20:52</text>
				</view>
				<view class="list-msg-rr-bb">
					<text>What are you doing?</text>
					<text>1</text>
				</view>
			</view>
		</view>
		<view class="list-msg">
			<view class="list-msg-22"><image src="" mode=""></image></view>
			<view class="list-msg-rr">
				<view class="list-msg-rr-tt">
					<text>Alice</text>
					<text>11-27 20:52</text>
				</view>
				<view class="list-msg-rr-bb">
					<text>What are you doing?</text>
					<text>1</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			   cut: 1,	
			   left: '40.00%',
			   right: '60.00%',
			   checked: true,
			}
		},
		onLoad() {
	
		},
		onShow() {
			this.init()
		},
		methods: {
	       Getsex(val){
				this.checked = val
		   },
	       Switchover(val){
			   this.cut = val  
		   },
		   add(){
			   uni.navigateTo({
			   	url:'../list/contacts'
			   })
		   },
		   init(){
			   const param = {
				   map:'applet_car_dialog_list',
				   page: '0'
			   }
			   this.yu.$(param,this.yu.API).then(res =>{
				   console.log(res,'获取会话组')
			   })
		   }
		}
	}
</script>

<style scoped>
view,text,image{box-sizing: border-box;}
.content{
	height: 100vh;
	padding-top: 35rpx;
	background-color: #FFFFFF;
}
.advices{
	width: 690rpx;
	margin: 0 auto;
	/* margin-top: 30rpx; */
	margin-bottom: 42rpx;
	padding: 29rpx 25rpx;
	/* height: 208px; */
	background: #FFFFFF;
	box-shadow: 0rpx 0rpx 18rpx 0rpx rgba(51, 51, 51, 0.14);
	border-radius: 15rpx;
}
.advices-title{
	/* width: 398px; */
	/* height: 23px; */
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #333333;
	line-height: 36rpx;
}
.advices-text{
	margin-top: 12rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #6F6F6F;
	line-height: 30rpx;
}
.list-msg{
	width: 690rpx;
	margin: 0 auto;
	padding: 33rpx 23rpx 27rpx 25rpx;
	margin-bottom: 32rpx;
	border-radius: 15rpx;
	border: 1rpx solid rgba(0,0,0,0.1);
	box-shadow: 0rpx 0rpx 18rpx 0rpx rgba(51, 51, 51, 0.05);
	background-color: #FFFFFF;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.list-msg-22{
	width: 99rpx;
	height: 99rpx;
	margin-right: 18rpx;
}
.list-msg image{
	width: 99rpx;
	height: 99rpx;
	
	border-radius: 50%;
	background-color: #007AFF;
}
.list-msg-rr{
	width: 100%;
}
.list-msg-rr-tt{
	/* width: 100%; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.list-msg-rr-tt text:nth-of-type(1){
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #333333;
	line-height: 36rpx;
}
.list-msg-rr-tt text:nth-of-type(2){
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #878787;
	line-height: 36rpx;
}
.list-msg-rr-bb{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10rpx;
}
.list-msg-rr-bb text:nth-of-type(1){
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #6F6F6F;
	line-height: 36rpx;
}
.list-msg-rr-bb text:nth-of-type(2){
	width: 35rpx;
	height: 35rpx;
	color: #FFFFFF;
	background: linear-gradient(-55deg, #FF7B49, #FF582D);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 18rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	/* line-height: 70rpx; */

}
</style>
